<template>
	<view class="technician-pages-index" :style="{background:pageColor}">

		<load-more :noMore="true" :loading="true" v-if="!isLoad">
		</load-more>

		<block v-if="isLoad">
			<block v-if="!is_network">
				<abnor type="REQUEST_ERROR" @confirm="initRefresh" btnSize="" :isCenter="true">
				</abnor>
			</block>
			<block v-if="is_network">
				<block v-if="!configInfo.plugAuth.coachport">
					<abnor type="NOT_AUTH" :isCenter="true"></abnor>
				</block>
				<block v-if="configInfo.plugAuth.coachport">
					<block
						v-if="coachInfo && coachInfo.user_id && coachInfo.id != -1 && ![2,3].includes(coachInfo.status)">
						<abnor :isCenter="true" @confirm="confirm" @cancel="$util.toLoginOut(2)"
							:title="title[coachInfo.status]" :tip="coachInfo.status == 4 && coachInfo.sh_text ?[{
						text: coachInfo.sh_text,
						color: 0
					}] : tipArr[coachInfo.status]" :button="buttonArr[coachInfo.status]" btnSize=" " :image="image[coachInfo.status]"
							:tipMax="coachInfo.status == 4? '690rpx':''">
						</abnor>
					</block>
					<block v-if="coachInfo&&coachInfo.id&&[2,3].includes(coachInfo.status)">
						<!-- #ifdef APP-PLUS -->
						<a-map ref="amap" :info="{amapKey:configInfo.amap_key,location:coachInfo}"
							:style="{height: `250px`}" style="overflow: hidden;">
						</a-map>
						<!-- #endif -->
						<!-- #ifndef APP-PLUS -->
						<map class="technician-map" :show-location="false" :controls="[]" scale="16"
							:latitude="coachInfo.lat" :longitude="coachInfo.lng"
							:markers="[{ id: 0, latitude: coachInfo.lat*1, longitude: coachInfo.lng*1, iconPath: `https://api.huixuananmm.com/admin/anmo/coachport/map-position.png`, width: 30, height: 40 }]">
							<!-- #ifdef APP-PLUS -->
							<cover-view class="abs location-change flex-center">
								<cover-view @tap.stop="$refs.show_rule_item.open()"
									class="flex-center f-desc c-title">实时定位</cover-view>
								<cover-image @tap.stop="toChangeLocation" class="position-img"
									:src="`/static/img/coachport/${!userCoachStatus.coach_position?`switch`:`switch-on`}.png`"></cover-image>
							</cover-view>
							<!-- #endif -->
						</map>
						<!-- #endif -->
						<view class="page-content abs">
							<view style="padding: 0 28rpx;">
								<!-- #ifdef APP-PLUS -->
								<view style="height: 124rpx;"></view>
								<view class="flex-between" v-if="app_model_type!=1">
									<view></view>
									<view class="change-location flex-center">
										<view @tap.stop="$refs.show_rule_item.open()" class="f-desc c-title">实时定位</view>
										<i @tap.stop="toChangeLocation" class="iconfont"
											:class="[{'icon-switch':!userCoachStatus.coach_position},{'icon-switch-on':userCoachStatus.coach_position}]"
											:style="{color:userCoachStatus.coach_position?primaryColor:'#ddd'}"></i>
									</view>
								</view>
								<!-- #endif -->
								<!-- #ifndef APP-PLUS -->
								<view class="flex-between">
									<view></view>
									<view class="change-location flex-center">
										<view @tap.stop="$refs.show_rule_item.open()" class="f-desc c-title">实时定位</view>
										<i @tap.stop="toChangeLocation" class="iconfont"
											:class="[{'icon-switch':!userCoachStatus.coach_position},{'icon-switch-on':userCoachStatus.coach_position}]"
											:style="{color:userCoachStatus.coach_position?primaryColor:'#ddd'}"></i>
									</view>
								</view>
								<!-- #endif -->
								<view class="addr-info fill-base f-caption c-caption mt-md radius-16">
									<view
										@tap.stop="!coachInfo.coach_position ? $util.goUrl({url: `/user/pages/choose/addr?from=coach`}) : ''"
										class="flex-center f-title c-title">
										<i class="iconfont icondizhi_1"></i>
										<view class="flex-1 text-bold">
											<view class="ellipsis-2">
												{{userCoachStatus | handleAddrText}}
											</view>
										</view>
									</view>
									<view class="flex-between">
										<view style="margin-top: 12rpx;">
											更新时间：{{coachInfo.address_update_time || '-'}}
										</view>
										<!-- #ifdef APP-PLUS -->
										<view
											@tap.stop="app_model_type==1 ? $util.goUrl({url: `/user/pages/choose/addr?from=coach`}): initLocation(1)"
											class="flex-center f-paragraph" :style="{color:primaryColor}">
											<i class="iconfont"
												:class="[{'iconshuaxin':app_model_type!=1},{'iconbianji1':app_model_type==1}]"></i>{{app_model_type==1?'修改':'刷新'}}
										</view>
										<!-- #endif -->
										<!-- #ifndef APP-PLUS -->
										<view @tap.stop="initLocation(1)" class="flex-center f-paragraph"
											:style="{color:primaryColor}">
											<i class="iconfont iconshuaxin"></i>刷新
										</view>
										<!-- #endif -->
									</view>
									<!-- #ifdef H5 -->
									<view @tap="$refs.show_location_item.open()" class="flex-y-center"
										style="margin-top: 17rpx;">
										定位失败或不准确时，您可以这样操作<view class="text-underline">查看教程</view>
									</view>
									<!-- #endif -->
								</view>

								<view class="renzheng-info flex-between radius-16"
									@tap.stop="$util.goUrl({url:`/technician/pages/time-manage`})">
									<view class="flex-center">
										<i class="iconfont iconziliao"></i>
										<view class="f-title text-bold ml-sm"> 时间管理</view>
									</view>
									<view class="flex-center f-paragraph">
										<view class="text-bold mr-sm">
											{{coachInfo.text_type?configInfo.btn_config[coachInfo.text_type * 1 - 1].text:'-'}}
										</view>
										<view :class="[{'c-warning':!coachInfo.start_time}]" v-if="coachInfo.text_type">
											{{coachInfo|handleWorkTime}}
										</view>
										<i class="iconfont icon-right ml-lg" style="font-size: 24rpx;"></i>
									</view>
								</view>

								<view class="fill-base radius-16 rel" style="padding:28rpx;margin-top:24rpx">
									<image class="abs count-bg"
										:src="`https://api.huixuananmm.com/admin/anmo/coachport/shuju.png`">
									</image>
									<view @tap="$refs.show_shuju_rule_item.open()"
										class="flex-y-center f-title c-title text-bold rel">
										今日实时数据<i class="iconfont iconzhu text-normal"></i></view>
									<view class="count-list flex-warp f-desc c-caption">
										<view class="count-item">
											<view class="flex-y-end f-md-title price font-num">
												<view class="flex-y-baseline f-sm-title">
													¥<view class="num">
														{{today.coach_cash||0}}
													</view>
												</view>
											</view>
											<view>预计收入</view>
										</view>
										<view class="count-item">
											<view class="flex-y-end f-md-title price font-num">
												<view class="flex-y-baseline">
													<view class="num">
														{{today.order_num||0}}
													</view>
												</view>
											</view>
											<view>有效订单</view>
										</view>
									</view>
									<view class="count-list price flex-x-between f-desc c-caption mt-lg pt-md b-1px-t">
										<view class="count-item">
											<view class="flex-y-end f-ms-title c-title font-num">
												<view class="f-desc">¥</view>
												{{today.first_order_cash || 0}}
											</view>
											<view>首单金额</view>
										</view>
										<view class="count-item">
											<view class="flex-y-end f-ms-title c-title font-num">
												<view class="f-desc">¥</view>
												{{today.add_order_cash || 0}}
											</view>
											<view>加钟金额</view>
										</view>
										<view class="count-item">
											<view class="flex-y-end f-ms-title c-title">
												<block v-if="today.time_long.hour">
													<view class="font-num">{{today.time_long.hour}}</view>
													<view class="f-desc text-bold">时</view>
												</block>
												<block v-if="!today.time_long.hour || today.time_long.minute">
													<view class="font-num">{{today.time_long.minute}}</view>
													<view class="f-desc text-bold">分</view>
												</block>
											</view>
											<view>已服务时长</view>
										</view>
										<view class="count-item">
											<view class="flex-y-end f-ms-title c-title font-num">
												{{today.integral || 0}}
											</view>
											<view>积分</view>
										</view>
									</view>
								</view>

								<!-- 	<view class="data-list flex-between font-num">
				<view @tap.stop="$util.goUrl({url:`/technician/pages/order/list?tab=1&warning=1`})"
					class="data-item radius-16">
					<view class="f-mini-title c-title text-bold">超时未接单</view>
					<view class="flex-y-center f-desc c-caption">共有<view class="f-md-title">7</view>条数据
					</view>
				</view>
				<view @tap.stop="$util.goUrl({url:`/technician/pages/order/list?tab=2&warning=1`})"
					class="data-item radius-16">
					<view class="f-mini-title c-title text-bold">迟到风险单</view>
					<view class="flex-y-center f-desc c-caption">共有<view class="f-md-title">7</view>条数据
					</view>
				</view>
			</view> -->

								<view
									@tap.stop="$util.goUrl({url:`/technician/pages/notice-info?id=${coachInfo.notice_info.id}`})"
									class="notice-top-info flex-center f-paragraph radius-16"
									v-if="coachInfo.id&&coachInfo.notice_info&&coachInfo.notice_info.id">
									<i class="iconfont icontongzhi2 text-bold ml-md mr-sm"></i>
									<view class="flex-1">{{coachInfo.notice_info.title}}</view>
								</view>

								<block v-if="list.data.length>0">
									<view class="f-mini-title c-caption text-bold mt-md">其它公告
									</view>
									<view @tap.stop="$util.goUrl({url:`/technician/pages/notice-info?id=${item.id}`})"
										class="notice-item fill-base radius-16 mt-md" v-for="(item,index) in list.data"
										:key="index">
										<view class="f-mini-title c-title text-bold">{{item.title}}</view>
										<view class="f-desc c-caption" style="margin-top: 16rpx;">{{item.create_time}}
										</view>
									</view>
								</block>
								<load-more :noMore="list.current_page>=list.last_page&&list.data.length>0"
									:loading="loading">
								</load-more>
								<view class="space-lg"></view>
							</view>

							<view :style="{height: `${configInfo.tabbarHeight}px`}"></view>
							<longbingbing-tabbar tabType="coachTabBar" :cur="1"></longbingbing-tabbar>
							<longbingbing-change-user-type :type="2"
								@change="initLocation(2)"></longbingbing-change-user-type>
						</view>
					</block>
				</block>
			</block>

		</block>
		<!-- #ifdef MP-WEIXIN -->
		<user-privacy ref="user_privacy" :show="false"></user-privacy>
		<!-- #endif -->



		<uni-popup ref="show_rule_item" type="center" :maskClick="false">
			<view class="common-popup-content fill-base pd-lg radius-34" style="width:700rpx">
				<view class="title">实时定位</view>
				<view class="f-desc c-title mt-lg">
					因频繁解析位置信息会导致过度使用第三方地图接口，若您一直停留在本页面，则需要手动刷新页面才能显示最新的实时地址。
				</view>
				<view class="button">
					<view @tap.stop="$refs.show_rule_item.close()" class="item-child c-base"
						:style="{background: primaryColor,color:'#fff'}">知道了</view>
				</view>
			</view>
		</uni-popup>

		<longbingbing-location-fail ref="show_location_item"></longbingbing-location-fail>

		<uni-popup ref="show_shuju_rule_item" type="center" :maskClick="false" :zIndex="999">
			<view class="common-popup-content fill-base pd-lg radius-34">
				<view class="title">今日实时数据</view>
				<view class="f-desc c-title mt-lg">
					以下数据均不包含退款
				</view>
				<view class="button">
					<view @tap.stop="$refs.show_shuju_rule_item.close()" class="item-child c-base"
						:style="{background: primaryColor,color:'#fff'}">知道了</view>
				</view>
			</view>
		</uni-popup>




	</view>
</template>

<script>
	import {
		mapState,
		mapActions,
		mapMutations
	} from "vuex"
	import longbingbingLocationFail from "@/components/longbingbing-location-fail.vue"
	import aMap from "@/components/amap-coach.vue"
	import $util from "@/utils/index.js"
	export default {
		components: {
			longbingbingLocationFail,
			aMap
		},
		data() {
			return {
				isLoad: false,
				options: {},
				is_network: true,
				// -1未申请，1审核中，2审核通过，3取消授权，4审核失败(可再次申请)
				tipArr: {
					'-1': [{
						text: '申请且审核成功后将直接入驻平台',
						color: 0
					}],
					'1': [{
						text: '审核成功后将直接入驻平台',
						color: 0
					}],
					'4': [{
						text: '请联系平台管理人员询问原因',
						color: 0
					}]
				},
				buttonArr: {
					'-1': [{
						text: '立即申请',
						type: 'confirm'
					}, {
						text: '退出登录',
						type: 'cancel'
					}],
					'1': [{
						text: '退出登录',
						type: 'cancel'
					}],
					'4': [{
						text: '再次申请',
						type: 'confirm'
					}, {
						text: '退出登录',
						type: 'cancel'
					}]
				},
				title: {
					'-1': '您还不是' + this.$t('action.attendantName'),
					'1': '等待审核',
					'4': '申请失败',
				},
				image: {
					'-1': `https://api.huixuananmm.com/admin/anmo/technician/no_data.png`,
					'1': `https://api.huixuananmm.com/admin/public/apply_wait.png`,
					'4': `https://api.huixuananmm.com/admin/public/apply_fail.png`
				},
				today: {
					time_long: {
						hour: 0,
						minute: 0
					},
				},
				param: {
					page: 1
				},
				list: {
					data: []
				},
				loading: true
			}
		},
		computed: mapState({
			configInfo: state => state.config.configInfo,
			userLocaBackground: state => state.user.userLocaBackground,
		}),
		async onLoad(options) {
			this.options = options
			this.$util.setNavigationBarColor({
				bg: '#ffffff',
				color: '#000000'
			})
			// #ifdef APP-PLUS 
			let isIos = uni.getDeviceInfo().system.includes('iOS')
			if (isIos) {
				let nt = plus.networkinfo.getCurrentType()
				if ([0, 1].includes(nt)) {
					console.log("无网络")
					this.is_network = false
					this.isLoad = true
					this.loading = false
					this.$util.hideAll()
				} else {
					console.log("有网络")
					this.initIndex()
				}
			} else {
				this.initIndex()
			}
			// #endif
			// #ifndef APP-PLUS
			this.initIndex()
			// #endif
		},
		onShow() {
			uni.setNavigationBarTitle({
				title: `首页`
			})
		},
		async onPullDownRefresh() {
			// #ifndef APP-PLUS
			uni.showNavigationBarLoading()
			// #endif
			await this.initRefresh()
			uni.stopPullDownRefresh()
		},
		onReachBottom() {
			if (this.list.current_page >= this.list.last_page || this.loading) return;
			this.param.page = this.param.page + 1;
			this.loading = true;
			this.getList()
		},
		methods: {
			...mapActions(['getConfigInfo', 'getCoachInfo']),
			...mapMutations(['updateUserItem', 'updateOrderItem']),
			async initIndex(refresh = false) {
				if (!this.configInfo.id || refresh || !this.userInfo.id) {
					await this.getConfigInfo()
				}
				await this.getCoachInfo()
				let {
					status = 0
				} = this.coachInfo
				// #ifdef MP-WEIXIN-COACH
				if (![2, 3].includes(status)) {
					this.updateUserItem({
						key: 'userInfo',
						val: {}
					})
					this.updateUserItem({
						key: 'autograph',
						val: ''
					})
					this.$util.goUrl({
						url: '/technician/pages/login',
						openType: 'reLaunch'
					})
					console.log("非内部人员不可登录")
					return
				}
				// #endif
				this.is_network = true
				this.isLoad = true
				if ([2, 3].includes(status)) {
					await Promise.all([this.todayOrderData(), this.getList()])
				}
				this.$util.hideAll()

				// #ifdef MP-WEIXIN
				let privacyCheck = this.$refs.user_privacy.check()
				if (privacyCheck) {
					this.$refs.user_privacy.open()
					return
				}
				if ([2, 3].includes(status) && !this.userLocaBackground) {
					this.updateUserItem({
						key: 'userLocaBackground',
						val: true
					})
					await this.$util.checkAuth({
						type: 'userLocationBackground',
						tip: '需要获取您当前的位置信息，用于更新您的位置，以便计算距离和车费，请在位置信息中选择'
					})
				}
				// #endif

				// #ifdef H5
				if (!refresh) {
					this.$jweixin.initJssdk(() => {
						this.$jweixin.hideOptionMenu()
					})
				}
				// #endif
				let {
					status: coach_status = 0,
					coach_position = 0,
					lat = 0,
					lng = 0
				} = this.userCoachStatus
				if ((coach_position || (!lat && !lng)) && coach_status == 2) {
					this.$util.getCoachUtilLoca(true, true)
				}
			},
			async initRefresh() {
				this.updateUserItem({
					key: 'userLocaBackground',
					val: false
				})
				this.isLoad = false
				this.param.page = 1
				await this.initIndex(true)
			},
			async todayOrderData() {
				let data = await this.$api.technician.todayOrderData()
				this.today = data
			},
			async getList() {
				let {
					list: oldList,
					param,
				} = this
				let newList = await this.$api.technician.coachNoticeList(param)
				if (this.param.page == 1) {
					this.list = newList
				} else {
					newList.data = oldList.data.concat(newList.data)
					this.list = newList
				}
				this.loading = false
				this.$util.hideAll()
			},
			// 实时定位
			async toChangeLocation() {
				let {
					id,
					status: coach_status,
					coach_position = 0
				} = this.coachInfo
				if (coach_status != 2) return

				// #ifdef MP-WEIXIN
				let privacyCheck = this.$refs.user_privacy.check()
				if (privacyCheck) {
					this.$refs.user_privacy.open()
					return
				}
				await this.$util.checkAuth({
					type: 'userLocationBackground',
					tip: '需要获取您当前的位置信息，用于更新您的位置，以便计算距离和车费，请在位置信息中选择'
				})
				// #endif

				let {
					coach_force_show = 0
				} = this.configInfo
				if (coach_force_show && coach_position) {
					this.$util.showToast({
						title: `不可关闭实时定位功能哦`
					})
					return
				}
				if (this.lockTap) return
				this.lockTap = true
				try {
					let cur = coach_position == 0 ? 1 : 0
					let param = {
						coach_position: cur
					}
					if (cur) {
						let {
							lat,
							lng,
						} = await this.$util.getCoachUtilLoca(false)
						if (lat && lng) {
							let {
								address = ''
							} = await this.$util.getMapAddr({
								lat,
								lng
							})
							param = Object.assign({}, param, {
								lat,
								lng,
								address
							})
						}
					}
					await this.$api.technician.coachUpdate(param)
					let userCoachStatus = Object.assign({}, this.$util.deepCopy(this.userCoachStatus), param, {
						coach_position: cur,
						auto_coach_position: cur
					})
					let coachInfo = Object.assign({}, this.$util.deepCopy(this.coachInfo), param, {
						coach_position: cur
					})
					if (cur) {
						coachInfo.address_update_time = this.$util.formatTime(new Date(Math.ceil(new Date()
								.getTime())),
							'YY-M-D h:m:s')
					}
					this.updateUserItem({
						key: 'userCoachStatus',
						val: userCoachStatus
					})
					this.updateUserItem({
						key: 'coachInfo',
						val: coachInfo
					})
					setTimeout(() => {
						this.lockTap = false
						this.$util.showToast({
							title: `操作成功`
						})
					}, 1000)
				} catch (e) {
					this.lockTap = false
				}
			},
			// 1 刷新; 2求救 
			async initLocation(type) {
				// #ifdef MP-WEIXIN
				let privacyCheck = this.$refs.user_privacy.check()
				if (privacyCheck) {
					this.$refs.user_privacy.open()
					return
				}
				await this.$util.checkAuth(type == 1 ? {
					type: 'userLocationBackground',
					tip: '需要获取您当前的位置信息，用于更新您的位置，以便计算距离和车费，请在位置信息中选择'
				} : {
					type: 'userLocation'
				})
				// #endif
				let {
					lat,
					lng,
					isIp = true
				} = await this.$util.getCoachUtilLoca(false)
				if (lat && lng && (type == 2 || !isIp)) {
					let {
						address = ''
					} = await this.$util.getMapAddr({
						lat,
						lng
					})
					let param = {
						lat,
						lng,
						address
					}
					await Promise.all(type == 1 ? [this.$util.updateCoachAddr(param)] : [this.$api.technician.police(
						param), this.$util.updateCoachAddr(param)])
					this.$util.hideAll()
					this.$util.showToast({
						title: `${type==1?'刷新':'求救'}成功`
					})
				}
			},
			// 去申请/再次申请
			async confirm() {
				let {
					status: coach_status = -1
				} = this.coachInfo
				if (coach_status == 1) return
				this.$util.goUrl({
					url: `/technician/pages/apply`
				})
			},
		},
		filters: {
			handleAddrText(val) {
				let text = `定位中...`
				if (val && val.lat) {
					let {
						address = ''
					} = val
					let arr = address.split(' ')
					text = arr[arr.length - 1]
				}
				return text
			},
			handleWorkTime(item) {
				let text = '前往设置接单时间'
				let {
					start_time,
					end_time
				} = item
				if (start_time && end_time) {
					text = `${start_time}-`
					let today = $util.formatTime(new Date(Math.ceil(new Date().getTime())), 'YY-M-D')
					let start = `${today} ${start_time}`
					let end = `${today} ${end_time}`
					if (start_time && end_time && $util.DateToUnix(start) >= $util.DateToUnix(end)) {
						text += '次日'
					}
					text += `${end_time}`
				}
				return text
			}
		}
	}
</script>

<style lang="scss">
	.technician-pages-index {
		.technician-map {
			width: 100%;
			height: 500rpx;
		}

		.map-bg {
			width: 100%;
			height: 30px;
			left: 0;
			bottom: 0;
		}

		.location-change {
			width: 228rpx;
			height: 72rpx;
			background: rgba(255, 255, 255, 0.9);
			border-radius: 40rpx;
			top: 410rpx;
			right: 20rpx;

			.f-desc {
				height: 40rpx;
				line-height: 34rpx;
			}

			.position-img {
				width: 72rpx;
				height: 40rpx;
				margin-left: 12rpx;
			}

			.iconfont {
				font-size: 70rpx;
				margin-left: 12rpx;
			}
		}


		.page-content {
			width: 100%;
			top: 308rpx;
			z-index: 9;

			.change-location {
				width: 228rpx;
				height: 72rpx;
				background: rgba(255, 255, 255, 0.9);
				border-radius: 40rpx;

				.iconfont {
					font-size: 70rpx;
					margin-left: 12rpx;
				}
			}


			.renzheng-info {
				width: 100%;
				height: 88rpx;
				margin-top: 24rpx;
				padding: 0 24rpx;
				color: #fff;
				background: linear-gradient(135deg, #3DCC9C 0%, #29CCCC 100%);
				z-index: 999;

				.iconziliao {
					font-size: 40rpx;
				}
			}


			.count-bg {
				top: 0;
				left: 0;
				width: 100%;
				height: 160rpx;
			}

			.count-list {
				.count-item {
					width: 50%;

					.price {
						color: #FF3333;
						margin-top: 32rpx;

						.num {
							font-size: 54rpx;
							margin-left: 5rpx
						}
					}
				}

			}

			.count-list.price {
				.count-item {
					width: auto;

					.f-ms-title {

						height: 34rpx;
						line-height: 1;
						margin: 12rpx 0 6rpx 0;
					}
				}
			}

			.iconzhu {
				margin-left: 8rpx;
				color: #999;
			}

			.addr-info {
				width: 100%;
				min-height: 140rpx;
				padding: 30rpx 24rpx 24rpx 24rpx;

				.icondizhi_1 {
					font-size: 36rpx;
				}

				.iconfont {
					margin-right: 8rpx;
				}
			}

			.data-list {
				margin-top: 24rpx;

				.data-item {
					width: calc(50% - 12rpx);
					height: 148rpx;
					padding: 26rpx 0 0 28rpx;
					background: linear-gradient(180deg, #FFEEE6 0%, #FFFFFF 100%);
					border: 2rpx solid #FFFFFF;

					.f-md-title {
						color: #FF3333;
						margin: 0 5rpx;
					}
				}
			}

			.notice-top-info {
				width: 100%;
				height: 80rpx;
				color: #ED6A0C;
				background: #FFEECC;
				margin-top: 24rpx;
			}

			.notice-info {
				width: 100%;
				height: 140rpx;
				padding-right: 28rpx;
				margin-top: 24rpx;
				background: linear-gradient(135deg, #FFD6D6 0%, #FFF0F0 100%);

				.notice-img {
					width: 120rpx;
					height: 120rpx;
				}

				.notice-btn {
					width: 120rpx;
					height: 62rpx;
					border: 2rpx solid #801A1A;
				}
			}

			.notice-item {
				padding: 30rpx 28rpx
			}
		}

	}
</style>